<template>
 <div>
    <span :class="item.class" v-for="(item, index) in arr" :key="index">{{item.id+1}}:{{item.content}}</span>
 </div>
</template>

<script>
export default {
 data () {
 return {
   title:'未完成',
   }
 },
 props:{
  arr:Array
 },
 components: {},
 
 methods: {
  
 }
}
</script>

<style scoped>
.right {
  color: green;
}
.error {
  color: red;
}
.undo {
  color: #ccc;
}
</style>